<template>
	<header class="top" ref='header'>
		<a class="back" href="javascript:history.back(-1);"><span></span></a>
        <div class="center"><p>{{ title }}</p></div>
    </header>
</template>

<script>
export default {
	name: 'headerTemp',
	props:['title','backUrl'],
};
</script>

<style lang="less" scoped>
	.top{
	    width: 100%;
	    height: .45rem;
	    line-height:.45rem;
	    position: fixed;
	    top: 0;
	    box-sizing: border-box;
	    z-index: 9;
		background:#F84948;
    	color: #fff;
	}
	.top .back{
	    position: absolute;
	    display: block;
		top:0;
		left: 0;
		font-size: 1rem;
		width: .45rem;
		height: .45rem;
		z-index: 999;
		span{
			position:absolute;
			top: .15rem;
			left: .17rem;
			display: block;
			width: .1rem;
			height: .1rem;
			border:1px solid;
			border-color: #fff transparent transparent #fff;
			transform: rotate(-45deg);
		}
	}
	.top .center{
	    line-height:.45rem;
	    position:relative;
	    font-size:.18rem;
	    padding: 0 .45rem;
	    text-align: center;
	    p{
	    	display: inline-block;
	    }
	}
</style>

